<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="btnBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>
<div class="apes-form-container">
<!--<div>-->
  <apes-split direction="horizontal" [height]="_height">
    <apes-split-area minSize="30" size="30">
      <div class="searchForm">
        <ag-grid-angular #grid
                         style="width: 100%; margin: 10px 0; height: 60%" class="ag-theme-balham"
                         enableColResize="true"
                         enableSorting="true"
                         enableFilter="true"
                         suppressLoadingOverlay="true"
                         [rowData]="rowData"
                         [gridOptions]="gridOptions"
                         [columnDefs]="columnDefs"
                         [localeText]="localeText">
        </ag-grid-angular>
      </div>
    </apes-split-area>

    <apes-split-area minSize="30" size="70">
      <apes-card  [apesTitle]="'定义小程序'">
        <div apes-form-item apes-row class="apes-item" style="padding: 16px;">
          <!-- 小程序名称 -->
          <div apes-col [apesMd]="24">
              <apes-form-label apes-col apesRequired [apesMd]="6">小程序名称</apes-form-label>
              <apes-form-control  apes-col [apesMd]="18">
                <input apes-input placeHolder="'请输入小程序名称'">
              </apes-form-control>
          </div>

          <!-- 部件 -->
          <div apes-col [apesMd]="24">
              <apes-form-label apes-col apesRequired [apesMd]="6">部件</apes-form-label>
              <apes-form-control apes-col [apesMd]="18">
                <ng-select [items]=""
                           bindLabel="name"
                           placeholder="'请选择部件'"
                           [searchable]="true">
                </ng-select>
              </apes-form-control>
          </div>

          <!-- 调用接口 -->
          <div apes-col [apesMd]="24">
              <apes-form-label apes-col apesRequired [apesMd]="6">调用接口</apes-form-label>
              <apes-form-control apes-col [apesMd]="18">
                <ng-select [items]=""
                           bindLabel="name"
                           placeholder="'请选择调用接口'"
                           [searchable]="true">
                </ng-select>
              </apes-form-control>
          </div>

        </div>
      </apes-card>
    </apes-split-area>
  </apes-split>
</div>
